/* custom-login.css */

/* 设置整个页面的背景图 */
body {
    margin: 0; /* 去掉默认的外边距 */
    padding: 0; /* 去掉默认的内边距 */
    height: 100vh; /* 设置页面高度为视口高度 */
    background-image: url('../images/background.jpg'); /* 背景图路径 */
    background-size: cover; /* 背景图覆盖整个页面 */
    background-position: center; /* 背景图居中对齐 */
    background-repeat: no-repeat; /* 不重复背景图 */
}

.container {
    max-width: 400px; /* 最大宽度，居中效果 */
    margin: 0 auto; /* 水平居中 */
    padding: 30px; /* 增加内边距 */
    background-color: rgba(255, 255, 255, 0.9); /* 白色背景，带透明度 */
    border-radius: 8px; /* 圆角效果 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* 更明显的阴影 */
    position: relative; /* 确保在容器内部定位 */
    top: 50%; /* 向下移动50% */
    transform: translateY(-50%); /* 向上移动50%以居中 */
}

.form-signin {
    display: flex;
    flex-direction: column; /* 列方向排列 */
}

h1 {
    font-size: 24px; /* 字体大小 */
    margin-bottom: 20px; /* 底部间距 */
    color: #333; /* 字体颜色 */
}

.form-control {
    border: 1px solid #ced4da; /* 边框颜色 */
    border-radius: 4px; /* 边框圆角 */
    padding: 10px; /* 内边距 */
    margin-bottom: 15px; /* 底部间距 */
}

.form-check-input {
    margin-top: 0.3rem; /* 复选框顶部间距 */
}

.btn-primary {
    background-color: #007bff; /* 按钮背景颜色 */
    border-color: #007bff; /* 边框颜色 */
}

.btn-primary:hover {
    background-color: #0056b3; /* 悬停状态背景颜色 */
    border-color: #0056b3; /* 悬停状态边框颜色 */
}

.text-muted {
    color: #6c757d; /* 文本颜色 */
}

.btn-link {
    color: #007bff; /* 链接颜色 */
    text-decoration: none; /* 无下划线 */
}

.btn-link:hover {
    text-decoration: underline; /* 悬停状态下划线 */
}  